
<template>
    <div class="app-container">
      <el-container>
        <el-aside width="200px">
          <el-menu router :default-active="$route.path">
            <el-menu-item index="/dashboard">
              <el-icon><House /></el-icon>
              <span>首页</span>
            </el-menu-item>
            <el-submenu index="1">
              <template #title>
                <el-icon><Goods /></el-icon>
                <span>产品管理</span>
              </template>
              <el-menu-item index="/category/list">产品分类</el-menu-item>
              <el-menu-item index="/product/list">产品列表</el-menu-item>  
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </div>
  </template>
  
  <style scoped>
  .app-container {
    height: 100vh;
  }
  .el-container {
    height: 100%;
  }
  .el-main {
    padding: 20px;
  }
  .el-menu{
    height: 100%;
  }
  </style>
  